<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="../img/favicon.png"/>
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css"/>
    <link rel="stylesheet" href="../css/responsive.css">
    <link rel="stylesheet" type="text/css" href="../css/shop.css"/>
    <link rel="stylesheet" type="text/css" href="../css/detale.css"/>
    <script src="../js/vue.js"></script>
    <script src="../js/vue-resource.js"></script>

    <title>商家-项目</title>

</head>

<body>
<div id="app">
    <!--页眉开始-->
    <header class="buddy-header">
        <div class="top-bar">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <ul class="n-menu">
                            <li>
                                <a href="#"><i class="fa fa-usd"></i>货币</a>
                            </li>
                            <li>
                                <a href="#" title=""><img src="../img/China-Flag.png" alt=""/>中文</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12 text-center">
                        <ul class="tp-right n-menu" v-show="!loginStatus">
                            <li class="first">
                                <a href="/login"><i class="fa fa-sign-in"></i>登录</a>
                            </li>
                            <li>|</li>
                            <li>
                                <a href="/register"><i class="fa fa-sign-in"></i>注册</a>
                            </li>
                        </ul>
                        <ul class="tp-right n-menu" v-show="loginStatus">
                            <li class="first">
                                <a href="javascript:void(0)"><i class="fa fa-user"></i>{{userName}}</a>
                            </li>
                            <li>|</li>
                            <li class="first" v-show="roleStatus">
                                <a href="/userProject"><i class="fa fa-user"></i>我的项目</a>
                            </li>
                            <li class="first" v-show="!roleStatus">
                                <a href="/myProject"><i class="fa fa-user"></i>我的项目</a>
                            </li>
                            <li v-show="roleStatus">|</li>
                            <li class="first" v-show="roleStatus">
                                <a href="/myTeam"><i class="fa fa-user"></i>我的团队</a>
                            </li>
                            <li>|</li>
                            <li>
                                <a href="/login"><i class="fa fa-sign-in"></i>注销</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="logo-menu-sec">
            <div class="container">
                <div class="row">
                    <div class="logo-sec">
                        <div class="col-md-3 col-lg-3 col-sm-4 col-xs-12">
                            <div class="logo">
                                <a href="index.html" title=""><img src="../img/logo.png" alt=""/></a>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-5 col-sm-4 hidden-xs">
                            <ul class="quick-prom">
                                <li><i class="fa fa-phone"></i> <span>咨询方式 : 17826807543</span></li>
                                <li class="hidden-sm"><i class="fa fa-envelope-o"></i><span><a
                                        href="#">mail@example.com</a></span></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
                            <div class="product-filter-form">
                                <form>
                                    <input type="text" id="search" placeholder="人才搜索" v-model="search"/>
                                    <a type="button" :href="serachRes"><i class="fa fa-search"></i></a>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="main-menu-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-sm-9 col-xs-12">
                        <nav class="main-menu">
                            <ul>
                                <li class="active">
                                    <a href="/"> <i class="fa fa-home"></i>主页</a>
                                </li>
                                <li>
                                    <a href="/serachRes/null">寻找人才</a>

                                </li>
                                <li>
                                    <a href="/projectList">根据类型找项目</a>
                                </li>
                                <li>
                                    <a href="javascript:;">关于我们</a>
                                </li>
                                <li>
                                    <a href="../shoplist.html">热门商店</a>
                                </li>
                                <li>
                                    <a href="/connect">联系我们</a>
                                </li>
                                <li>
                                    <a href="javascript:;">博客日志</a>
                                </li>
                                <li class="mega-parent">
                                    <a href="https://www.zbj.com/?pmcode=116578316&utm_source=bdpz&utm_medium=SEM">相关网站</a>

                                </li>
                            </ul>

                        </nav>

                        <div class="mobile-menu-area">
                            <nav id="mobile-menu">
                                <ul>
                                    <li>
                                        <a href="index.html">主页</a>
                                    </li>
                                    <li>
                                        <a href="../shoplist.html">热卖商品</a>
                                        <ul>
                                            <li>
                                                <a href="../shoplist.html">衬衫</a>
                                            </li>
                                            <li>
                                                <a href="../shoplist.html">裤</a>
                                            </li>
                                            <li>
                                                <a href="../shoplist.html">西装外套</a>
                                            </li>
                                            <li>
                                                <a href="../shoplist.html">鞋</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="../shoplist.html">购物街</a>
                                        <ul>
                                            <li class="#">
                                                <a href="../shoplist.html">牛仔裤</a>
                                            </li>
                                            <li class="#">
                                                <a href="../shoplist.html">衬衣</a>
                                            </li>
                                            <li class="#">
                                                <a href="../shoplist.html">裤子</a>
                                            </li>
                                            <li class="#">
                                                <a href="../shoplist.html">配饰</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:;">关于我们</a>
                                    </li>
                                    <li>
                                        <a href="../shoplist.html">热门商店</a>
                                    </li>
                                    <li>
                                        <a href="/connect">联系我们</a>
                                    </li>
                                    <li>
                                        <a href="../shoplist.html">产品详情</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">博客日志</a>
                                    </li>
                                    <li>
                                        <a href="https://www.zbj.com/?pmcode=116578316&utm_source=bdpz&utm_medium=SEM">相关网站</a>
                                        <ul>
                                            <li class="#">
                                                <a href="javascript:;">关于我们</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>

                    </div>

                    <div class="col-md-2 col-sm-3 hidden-xs">
                        <div class="cart-wishlist">
                            <ul>
                                <li>
                                    <a href="javascript:;">
                                        <div class="wishlist">
                                            <div class="wish-list-inner">
                                                <i class="fa fa-heart"></i>
                                            </div>
                                        </div>
                                    </a>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--页眉结束-->
    <section class="theme">

        <div class="breadcumb-area">
            <div class="bread_main">
                <div class="bread_hading text-center">
                    <h1>我的项目</h1>
                </div>
                <ol class="breadcrumb">
                    <li class="home">
                        <a href="/" title="go to home">home</a>
                    </li>
                    <li class="myProject">
                        <a href="/myProject">search</a>
                    </li>
                </ol>
            </div>
        </div>
    </section>

    <section class="container">
        <div class="row">
            <div class="list-view col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="item-product item-product-list">
                    <div class="row">
                        <div class="col-sm-12  col-xs-12">

                            <div>
                                <el-table
                                        :data="tableData"
                                        style="width: 100%">
                                    <el-table-column
                                            type="index"
                                            width="50">
                                    </el-table-column>
                                    <el-table-column
                                            prop="name"
                                            label="项目名"
                                            width="180">
                                    </el-table-column>
                                    <el-table-column
                                            prop="status"
                                            label="状态"
                                            :formatter="dataFormat"
                                            width="180">
                                    </el-table-column>
                                    <el-table-column
                                            prop="teamName"
                                            label="团队名"
                                            width="100">
                                    </el-table-column>
                                    <el-table-column
                                            prop="role"
                                            label="角色"
                                            :formatter="RoleDataFormat"
                                            width="100">
                                    </el-table-column>
                                    <el-table-column
                                            prop="startTime"
                                            label="开始时间"
                                            width="180">
                                    </el-table-column>
                                    <el-table-column
                                            prop="endTime"
                                            label="结束时间">
                                    </el-table-column>
                                    <el-table-column
                                            prop="planeStatus"
                                            :formatter="PlaneDataFormat"
                                            label="验收计划制定">
                                    </el-table-column>
                                    <el-table-column
                                            fixed="right"
                                            label="操作"
                                            width="100">
                                        <template slot-scope="scope">
                                            <el-button type="text" size="small"
                                                       v-show="scope.row.status==1&&scope.row.role==1&&scope.row.planeStatus=='false'"
                                                       @click="makePlane(scope.row)">
                                                制定验收计划
                                            </el-button>
                                            <el-button type="text" size="small"
                                                       v-show="scope.row.status==1&&scope.row.role==1&&scope.row.planeStatus=='true'"
                                                       @click="checkPlane(scope.row)">
                                                查看验收计划
                                            </el-button>
                                            <el-button type="text" size="small" v-show="scope.row.status == 3"
                                                       @click="userDeal(scope.row)">确认收款
                                            </el-button>
                                            <el-button type="text" size="small"
                                                       @click="fileDownload(scope)">下载文档
                                            </el-button>
                                            <!--<a :href="download" :download="fileName">下载</a>-->
                                        </template>
                                    </el-table-column>
                                </el-table>
                                <div class="block" style="float: right">
                                    <el-pagination
                                            @size-change="handleSizeChange"
                                            @current-change="handleCurrentChange"
                                            :current-page="currentPage4"
                                            :page-sizes="[10,15,20]"
                                            :page-size="10"
                                            layout="total, sizes, prev, pager, next, jumper"
                                            :total="pager.total">
                                    </el-pagination>
                                </div>
                                <el-dialog title="制定验收计划" :visible.sync="dialogFormVisible">
                                    <el-form :model="form">
                                        <el-form ref="form" :model="form" label-width="80px" :rules="rules"
                                                 class="demo-ruleForm">
                                            <el-form-item label="起止时间">
                                                <el-date-picker
                                                        v-model="value4"
                                                        type="daterange"
                                                        range-separator="至"
                                                        start-placeholder="开始日期"
                                                        end-placeholder="结束日期">
                                                </el-date-picker>
                                            </el-form-item>
                                            <el-form-item label="备注">
                                                <el-input v-model="planeList.remark1"></el-input>
                                            </el-form-item>
                                            <el-form-item label="起止时间">
                                                <el-date-picker
                                                        v-model="value5"
                                                        type="daterange"
                                                        range-separator="至"
                                                        start-placeholder="开始日期"
                                                        end-placeholder="结束日期">
                                                </el-date-picker>
                                            </el-form-item>
                                            <el-form-item label="备注">
                                                <el-input v-model="planeList.remark2"></el-input>
                                            </el-form-item>
                                            <el-form-item label="起止时间">
                                                <el-date-picker
                                                        v-model="value6"
                                                        type="daterange"
                                                        range-separator="至"
                                                        start-placeholder="开始日期"
                                                        end-placeholder="结束日期">
                                                </el-date-picker>
                                            </el-form-item>
                                            <el-form-item label="备注">
                                                <el-input v-model="planeList.remark3"></el-input>
                                            </el-form-item>
                                        </el-form>
                                    </el-form>
                                    <div slot="footer" class="dialog-footer">
                                        <el-button @click="dialogFormVisible = false">取 消</el-button>
                                        <el-button type="primary" @click=makePlaneList>确 定</el-button>
                                    </div>
                                </el-dialog>
                                <el-dialog title="项目进度情况" :visible.sync="dialogListVisible" @close="dialogListClose">
                                    <el-table :data="gridData">
                                        <el-table-column property="startTime" label="开始时间"
                                                         width="150"></el-table-column>
                                        <el-table-column property="endTime" label="结束时间" width="200"></el-table-column>
                                        <el-table-column property="remark" label="内容"></el-table-column>
                                        <el-table-column property="type" label="状态"
                                                         :formatter="TypeDataFormat"></el-table-column>
                                        <el-table-column
                                                fixed="right"
                                                label="操作"
                                                width="100">
                                            <template slot-scope="scope">
                                                <el-button type="text" size="small"
                                                           v-show="scope.row.type==0"
                                                           @click="complete(scope.row)">标记为已完成
                                                </el-button>
                                                <el-button type="text" size="small"
                                                           v-show="scope.row.role==1"
                                                           @click="complete(scope.row)">标记为未完成
                                                </el-button>
                                            </template>
                                        </el-table-column>

                                    </el-table>
                                </el-dialog>
                            </div>
                        </div>
                    </div>


                </div>

            </div>

        </div>

    </section>

    <!--页脚开始-->
    <div class="section-info pt55 pb55">
        <div class="parallax-bg">

            <div class="section-content">
                <div class="container">
                    <div class="row">

                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <a class="info-block" href="#"><i class="fa fa-truck"></i>
                                <h3>网上交付</h3>
                                <p>安全可靠</p>
                            </a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <a class="info-block" href="#"><i class="fa fa-headphones"></i>
                                <h3>支持定制</h3>
                                <p>全天候24小时支持</p>
                            </a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <a class="info-block" href="#"><i class="fa fa-diamond"></i>
                                <h3>高品质</h3>
                                <p>拥有最好的品质和品牌</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="our_clients_area pt55 pb55">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="section-title text-center pb30">
                        <h1>品牌与客户</h1>
                        <span></span>
                    </div>
                    <div class="client-active">
                        <div class="client-name">
                            <img src="../img/client/01.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/02.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/03.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/04.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/05.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/06.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/04.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/03.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/02.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/01.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/05.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/06.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <div class="footer-widgets-area pt55">
            <section class="block">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="content-box no-margin go-simple">
                                <div class="row">
                                    <div class="col-md-3 col-sm-4 col-xs-12">
                                        <div class="widget about-widget">
                                            <div class="logo">
                                                <a href="index.html"><img alt="" src="../img/logo2.png"></a>
                                            </div>
                                            <p>威客校园是一个为了让学生之间建立交往、互利互助的威客平台，以个人自身智慧、知识、能力、经验来实现个人价值； </p>
                                            <ul>
                                                <li>
                                                    <i class="fa fa-map-marker"></i> Zhejiang University of Science and
                                                    Technology
                                                </li>
                                                <li>
                                                    <i class="fa fa-phone"></i> 17826807543
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-sm-4 col-xs-12">
                                        <div class="widget how-to-buy">
                                            <h3 class="heading2">客户服务</h3>
                                            <ul>
                                                <li>
                                                    <a href="#" title="">联系我们</a>
                                                </li>
                                                <li>
                                                    <a href="#" title="">网站地图</a>
                                                </li>
                                                <li>
                                                    <a href="#" title="">条款与条件</a>
                                                </li>
                                                <li>
                                                    <a href="#" title="">礼品</a>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                    <div class="col-md-3 hidden-sm col-xs-12">
                                        <div class="widget customer-services">
                                            <h3 class="heading2">信息</h3>
                                            <ul>
                                                <li>
                                                    <a href="#" title="">我们的博客</a>
                                                </li>
                                                <li>
                                                    <a href="#" title="">关于我们</a>
                                                </li>
                                                <li>
                                                    <a href="#" title="">安全交易</a>
                                                </li>
                                                <li>
                                                    <a href="#" title="">隐私政策</a>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                    <div class="col-md-3 col-sm-4 col-xs-12">
                                        <div class="widget news-letter">
                                            <h3 class="heading2">最新消息推送</h3>
                                            <p>平台最新优惠信息推送</p>
                                            <form>
                                                <input type="text" placeholder="请输入你的邮箱"/>
                                                <button type="submit"><i class="fa fa-search"></i></button>
                                            </form>
                                            <ul class="social-buttons">
                                                <li>
                                                    <a class="fbook" href="#" title=""><i
                                                            class="fa fa-facebook"></i></a>
                                                </li>
                                                <li>
                                                    <a class="frss" href="#" title=""><i class="fa fa-rss"></i></a>
                                                </li>
                                                <li>
                                                    <a class="tublr" href="#" title=""><i
                                                            class="fa fa-linkedin"></i></a>
                                                </li>
                                                <li>
                                                    <a class="gplus" href="#" title=""><i class="fa fa-google-plus"></i></a>
                                                </li>
                                                <li>
                                                    <a class="twitt" href="#" title=""><i class="fa fa-twitter"></i></a>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>

        <div class="bottom-line">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <ul class="payment-support">
                            <li><img src="../img/icon/pay1.png" alt=""/></li>
                            <li><img src="../img/icon/pay2.png" alt=""/></li>
                            <li><img src="../img/icon/pay3.png" alt=""/></li>
                            <li><img src="../img/icon/pay4.png" alt=""/></li>
                            <li><img src="../img/icon/pay5.png" alt=""/></li>
                            <li><img src="../img/icon/pay6.png" alt=""/></li>
                        </ul>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <span>本网站所有解释权 © 2016 -<a href="#">PromotShop.</a> 版权所有 </span>
                    </div>
                </div>
            </div>
        </div>
    </footer>

</div>
</body>

<script src="../js/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery-3.1.1.min.js"></script>
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/fly.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/owl.carousel.min.js"></script>
<script src="../js/jquery.meanmenu.js"></script>
<script src="../js/jquery-ui.min.js"></script>
<script src="../js/wow.min.js"></script>
<script src="../js/jquery.nivo.slider.pack.js"></script>
<script src="../js/plugins.js"></script>
<script src="../js/main.js"></script>
<script src="../js/jquery.fly.min.js" type="text/javascript" charset="utf-8"></script>

<script src="../js/sousuo.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/addcart.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../css/element.css">
<script src="../js/element.js"></script>
<script>
    new Vue({
        el: '#app',
        created() {
            this.initData();
            this.userInit();
        },
        data() {
            return {
                download:'',
                baseDownload:'/download?fileName=',
                fileName:'',
                pager: {
                    pageNo: 0,
                    pageSize: 10,
                },
                num1: 1,
                form: {
                    name: '',
                    region: '',
                    type: '1',
                    date1: '',
                    date2: '',
                    delivery: false,
                    resource: '',
                    nature: '',
                    desc: '',
                    attachment: '',
                    startTimeGet: '',
                    endTimeGet: ''
                },
                rules: {
                    name: [
                        {required: true, message: '请输入活动名称', trigger: 'blur'},
                    ],
                    nature: [
                        {required: true, message: '请输入活动名称', trigger: 'blur'},
                    ],
                    type: [
                        {required: true, message: '请输入活动名称', trigger: 'change'},
                    ],
                    content: [
                        {required: true, message: '请输入活动名称', trigger: 'blur'},
                    ]
                },
                value4: [],
                value5: [],
                value6: [],
                remark4: '',
                remark5: '',
                remark6: '',
                planeList: {
                    startDate1: '',
                    startDate2: '',
                    startDate3: '',
                    endDate1: '',
                    endDate2: '',
                    endDate3: '',
                    remark1: '',
                    remark2: '',
                    remark3: '',
                },
                dialogFormVisible: false,
                dialogListVisible: false,
                tableData: [],
                gridData: [],
                fileList: [],
                currentPage4: 1,
                formLabelWidth: '120px',
                teamId: '',
                projectStatus: false,
                numbers: 1,
                projectId: '',
                progressId: '',
                userName: '',
                loginStatus: true,
                roleStatus: true,
            };

        },
        methods: {
            fileDownload(scope){
                debugger
                this.download=this.baseDownload+this.tableData[scope.$index].attachment;
                location.href = this.download;
            },
            userInit() {
                let userName = sessionStorage.getItem("userName");
                let role = sessionStorage.getItem("role");
                console.log("==="+role+userName);
                this.userName = userName;
                if (role==="2"){
                    this.roleStatus=false;
                }
                this.loginStatus = true;
            },
            userDeal(row) {
                this.projectId = row.id;
                this.$http.post('/project/userDeal', {}, {
                    params: {projectId: this.projectId}
                }).then(function (res) {
                    this.$message({
                        message: '确认验收成功',
                        type: 'success'
                    });
                    this.initData();
                });
            },
            complete(row) {
                this.progressId = row.id;
                this.$http.post('/plane/status', {}, {
                    params: {progressId: this.progressId}
                }).then(function (res) {
                    this.$message({
                        message: '操作成功',
                        type: 'success'
                    });
                });
                this.dialogListVisible = false;
            },
            checkPlane(row) {
                this.projectId = row.id;
                this.dialogListVisible = true;
                this.$http.post('/plane', {}, {
                    params: {projectId: this.projectId}
                }).then(function (res) {
                    this.gridData = res.body.body;
                });
            },
            makePlaneList() {
                this.planeList.startDate1 = this.value4[0].toString();
                this.planeList.endDate1 = this.value4[1].toString();
                this.planeList.startDate2 = this.value5[0].toString();
                this.planeList.endDate2 = this.value5[1].toString();
                this.planeList.startDate3 = this.value6[0].toString();
                this.planeList.endDate3 = this.value6[1].toString();
                this.planeList.projectId = this.projectId;
                this.$http.post('/plane/create', {}, {
                    params: this.planeList
                }).then(function (res) {
                    this.$message({
                        message: '操作成功',
                        type: 'success'
                    });
                    this.dialogListClose();
                    this.initData();
                });
            },
            handleChange(value) {
                console.log(value);
                this.numbers = value;
            },
            makePlane(row) {
                this.projectId = row.id;
                this.dialogFormVisible = true;
            },
            RoleDataFormat(row, column, cellValue) {
                if (row.role == 1) {
                    return "队长";
                }
                else {
                    return "队员";
                }
            },
            TypeDataFormat(row, column, cellValue) {
                if (row.type == 0) {
                    return "未完成";
                }
                else if (row.type == 1) {
                    return "已完成";
                } else {
                    return "未知";
                }
            },
            PlaneDataFormat(row, column, cellValue) {
                if (row.planeStatus == "true") {
                    return "已制定";
                }
                else if (row.planeStatus == "false") {
                    return "未制定";
                } else {
                    return "未知";
                }
            },
            dataFormat(row, column, cellValue) {
                if (row.status == 0) {
                    return "投标中";
                } else if (row.status == 1) {
                    return "投标成功";
                } else if (row.status == 2) {
                    return "项目已完成";
                } else if (row.status == 3) {
                    return "投包方已确认";
                } else if (row.status == 4) {
                    return "投标失败";
                }
                else {
                    return "未知";
                }
            },
            ensure(row) {
                this.teamId = row.id;
                this.$http.post('/projectCompete/ensure', {}, {
                    params: {
                        projectId: this.projectId,
                        teamId: this.teamId
                    }
                }).then(function (res) {
                    this.$message({
                        message: '操作成功',
                        type: 'success'
                    });
                    this.dialogListClose();
                    this.initData();
                });
            },
            dialogListClose() {
                this.dialogFormVisible = false;
                this.projectId = "";
            },
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
                this.pager.pageSize = val;
                this.initData();
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
                this.pager.pageNo = val;
                this.initData();
            },
            initData() {
                this.$http.post('/project/initUserProject', {}, {params: this.pager}).then(function (res) {
                    this.tableData = res.body.list;
                    this.pager.total = parseInt(res.body.total);
                });
            },

            handleRemove(file, fileList) {
                console.log(file, fileList);
            },
            handleAvatarSuccess(res, file) {
                console.log(file + "aaaa" + this.form.attachment);
                this.form.attachment += file.response + ","
            },
            handlePreview(file) {
                console.log(file + "aaaa");
            },
            handleExceed(files, fileList) {
                this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
            },
            beforeRemove(file, fileList) {
                return this.$confirm(`确定移除 ${ file.name }？`);
            },
            onSubmit(form) {
                this.$refs[form].validate((valid) => {
                    if (valid) {
                        this.form.startTimeGet = this.value6[0].toString();
                        this.form.endTimeGet = this.value6[1].toString();
                        console.log("====" + this.form.startTimeGet + this.form.endTimeGet);
                        this.$http.post('/project/create', {}, {params: this.form}).then(function (res) {
                            this.message = res.body.name;
                            console.log("aaaaaaa" + this.message);
                        });
                    } else {
                        console.log('error submit!!');
                        return false;
                    }
                });
            }
        },
    })
</script>
</html>
